<!doctype html>
<html lang="CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>台北博物馆1</title>
    <link rel="stylesheet" href="style/normalize.css">
    <link rel="stylesheet" href="style/main.css">
    <link rel="stylesheet" href="style/swiper.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--绝对定位-->
<div class="position">
    <a href="#" class="prev">
        <img src="img/leftIcon.png" alt="">
    </a>
    <a href="#" class="next">
        <img src="img/rightIcon.png" alt="">
    </a>
</div>
<div id="youdaoBanner" class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <div class="info"><div class="date">2017/11/14</div>
                <h3><a href="javascript:void(0);">GET2017教育大会 周枫：在线教育迎来大IP时代</a></h3>
                <p>11月14日，GET2017教育科技大会在京开幕，国内知名教育机构悉数亮相。网易有道CEO周枫在领袖论坛…</p>
                <a href="javascript:void(0);" class="btn">详情</a>
            </div>
        </div>
        <div class="swiper-slide">
            <div class="info"><div class="date">2017/11/14</div>
                <h3><a href="javascript:void(0);">GET2017教育大会 周枫：在线教育迎来大IP时代</a></h3>
                <p>11月14日，GET2017教育科技大会在京开幕，国内知名教育机构悉数亮相。网易有道CEO周枫在领袖论坛…</p>
                <a href="javascript:void(0);" class="btn">详情</a>
            </div>
        </div>
        <div class="swiper-slide">
            <div class="info"><div class="date">2017/11/14</div>
                <h3><a href="javascript:void(0);">GET2017教育大会 周枫：在线教育迎来大IP时代</a></h3>
                <p>11月14日，GET2017教育科技大会在京开幕，国内知名教育机构悉数亮相。网易有道CEO周枫在领袖论坛…</p>
                <a href="javascript:void(0);" class="btn">详情</a>
            </div>
        </div>
        <div class="swiper-slide">
            <div class="info"><div class="date">2017/11/14</div>
                <h3><a href="javascript:void(0);">GET2017教育大会 周枫：在线教育迎来大IP时代</a></h3>
                <p>11月14日，GET2017教育科技大会在京开幕，国内知名教育机构悉数亮相。网易有道CEO周枫在领袖论坛…</p>
                <a href="javascript:void(0);" class="btn">详情</a>
            </div>
        </div>
        <div class="swiper-slide">
            <div class="info"><div class="date">2017/11/14</div>
                <h3><a href="javascript:void(0);">GET2017教育大会 周枫：在线教育迎来大IP时代</a></h3>
                <p>11月14日，GET2017教育科技大会在京开幕，国内知名教育机构悉数亮相。网易有道CEO周枫在领袖论坛…</p>
                <a href="javascript:void(0);" class="btn">详情</a>
            </div>
        </div>
        <div class="swiper-slide">
            <div class="info"><div class="date">2017/11/14</div>
                <h3><a href="javascript:void(0);">GET2017教育大会 周枫：在线教育迎来大IP时代</a></h3>
                <p>11月14日，GET2017教育科技大会在京开幕，国内知名教育机构悉数亮相。网易有道CEO周枫在领袖论坛…</p>
                <a href="javascript:void(0);" class="btn">详情</a>
            </div>
        </div>
    </div>
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>

</div>
<script src="js/swiper.min.js"></script>
<script>
    var ydSwiper = new Swiper ('#youdaoBanner', {
        centeredSlides : true,
        slidesPerView : 'auto',
        spaceBetween : 40,
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    })
</script>
</body>
</html>